* {
    margin: 0;
    padding: 0;
}

h3 {
    text-align: center;
    margin: 20px 0;
}

.heart {
    margin: 0 auto;
}

.aboutme {
    width: 100%;
    /* background-color: seashell; */
    user-select: none;
}

.nav {
    position: fixed;
    top: 0;
}

.row1 {
    margin-top: 38px;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-image: url(https://up.enterdesk.com/edpic/9c/08/6d/9c086df1855aa140828706b1b100f5dc.jpg);
    background-size: 100%;
}

.div {
    width: 500px;
    height: 100px;
    line-height: 100px;
    text-align: center;
}

.div:nth-child(2) img {
    width: 100px;
    height: 100px;
    border-radius: 50%;
}

.div:nth-child(3) {
    width: 100%;
    line-height: 20px;
}

.row2 {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.project {
    flex: 4;
    text-align: center;
}

.project>img {
    width: 280px;
    height: 180px;
}